<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			.top{
				width: 100%;
				height: 100px;
				border: 1px solid red;
			}
			.top_a{
				/*字体颜色*/
				color: gray;
				/*字体大小*/
				font-size: 12px;
				/*字体加粗*/
				/*font-weight: bold;*/
				/*字体风格*/
				/*font-family: 宋体;*/
				/*字体倾斜*/
				/*font-style: italic;*/
				
				/*去除下划线*/
				text-decoration: none;
			}
			a:hover{
				color: red;
				text-decoration: underline;
			}
			.tips{
				width: 100%;
				height: 40px;
				border: 1px dotted indianred;
				background-color: pink;
				/*文本水平居中*/
				text-align: center;
				/*文本垂直居中      行高的高度和div的高度一致*/
				line-height: 40px;
			}
			.center{
				width: 100%;
				height: 500px;
				border: 1px solid red;
				/*设置背景图片*/
				background: url("https://passport.jd.com/new/misc/2015/background.png");
				/*背景图片不重复*/
				background-repeat: no-repeat;
				/*调整图片位置    第一个是X值，第二个y轴*/
				/*background-position: 20px 30px;*/
				background-position: center;
				/*调整图片大小    宽    高*/
				/*background-size: 400px 500px;*/
				/*合并写*/
				/*background: url(/new/misc/2015/background.png) 0px 0px no-repeat;*/
				/*背景颜色*/
				background-color: #e93854;
				/*background-color: rgb(255.0.0);*/
				/*o.5是透明度*/
				background-color: rgba(255.0.0.5);
			}
		</style>
	</head>
	<body>
		<!--顶部位置-->
		<div class="top">
			<a href="#" class="top_a">登录页面，调查问卷</a>
		</div>
		<div class="tips">
			<span >
				不止于学习时的感受，更在于学习后的价值！
			</span>
		</div>
		<!--中间部分-->
		<div class="center">
			
		</div>
	</body>
</html>
